<template>
	<view class="ucm-top">
		<view class="sum color2">
			{{userInfo.mynums || 0}}
		</view>
		<view class="color-9b">有效合约</view>
	</view>
</template>

<script>
import { mapGetters } from 'vuex';
export default {
	data() {
		return {
		};
	},
	computed: {
		...mapGetters({
			userInfo: 'getUserInfo'
		}),
		totalRrice () {
			return parseFloat(this.userInfo.cprice + this.userInfo.dprice).toFixed(2)
		}
	},
	methods: {
	}
};
</script>

<style scoped lang="scss">
.ucm-top {
	padding: 20upx;
	margin: 20upx 30upx;
	background-color: #fff;
	text-align: center;
	border-radius: 10upx;
	box-shadow: 0 5upx 15upx 0 rgba(0, 0, 0, 0.1);
	.sum {
		font-size: 40upx;
		text {
			margin-left: 10upx;
			font-size: 24upx;
			color: #9b9b9b;
		}
	}
}
</style>
